<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Moviez - Watch Online Movies</title>

    <!-- === CSS === -->
    <link rel="stylesheet" href="bootstrap-4.1.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/materialize.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/ionicons.css">
    <link rel="stylesheet" href="css/app.css">
</head>
<body>

    <!--=== navbar ===-->
    <header class="header">
        <nav class="navbar navbar-expand-sm fixed-top">
            <div class="container">
                <a class="navbar-brand" href="index-1.html"><img class="header-logo" src="images/small-image/moviez-logo.png" alt="Main Logo"> </a>
                <button class="navbar-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#example-navbar" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <i class="ion nav-more ion-android-menu"></i></button>
                <div class="collapse navbar-collapse" id="example-navbar" data-nav-image="assets/img/blurred-image-1.jpg">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item"><a class="nav-link active" href="index-1.html">Home</a></li>
                        <li class="nav-item"><a class="nav-link" href="index.html">Movies</a></li>
                        <li class="nav-item"><a class="nav-link" href="tv-shows.html">Tv Show</a></li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Watch</a>
                            <div class="dropdown-menu" aria-labelledby="1">
                                <a class="dropdown-item" href="index-1.html">Home Page 1</a>
                                <a class="dropdown-item" href="index-2.html">Home Page 2</a>
                                <a class="dropdown-item" href="index-3.html">Home Page 3</a>
                                <a class="dropdown-item" href="index-4.html">Home Page 4</a>
                                <a class="dropdown-item" href="movie-item.html">Watch Page 1</a>
                                <a class="dropdown-item" href="movie-item-2.html">Watch Page 2</a>
                                <a class="dropdown-item" href="movie-item-3.html">Watch Page 3</a>
                            </div>
                        </li>
                        <li class="nav-item dropdown cart">
                            <a href="#" class="nav-link dropdown-toggle " id="navbarDropdownMenuLink" data-toggle="dropdown">
                                <i class="ion ion-android-cart" aria-hidden="true"></i>
                                <span class="cart-number">0</span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
                                <a class="dropdown-item" href="#">Empty Cart <span class="text-right">0</span></a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <div class="movie-detail-page movies-page">

        <!--=== movies 7 ===-->
        <section class="movies movie-7 movie-box movie-modify-7-3 pt-5 page-top-margin">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wrap-movie">
                            <div class="section-title-wrap">
                                <div class="section-title">Trend Tv Show</div>
                            </div>
                            <div class="movie-showcase-10 owl-carousel">
                                <div class="item">
                                    <div class="movie-item">
                                        <div class="movie-item-img-wrap">
                                            <img class="movie-item-img" src="images/banner/banner-sm-1.jpg" alt="Movie Banner">
                                        </div>
                                        <div class="movie-item-overlay text-center">
                                            <div class="movie-item-play-2 video-btn" data-toggle="modal" data-src="https://player.vimeo.com/video/131892249?badge=0" data-target="#call-video"><i class="ion ion-play"></i>Watch Now</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <div class="movie-item-img-wrap">
                                            <img class="movie-item-img" src="images/banner/banner-sm-2.jpg" alt="Movie Banner">
                                        </div>
                                        <div class="movie-item-overlay text-center">
                                            <div class="movie-item-play-2 video-btn" data-toggle="modal" data-src="https://www.youtube.com/embed/x02xX2dv6bQ" data-target="#call-video"><i class="ion ion-play"></i>Watch Now</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <div class="movie-item-img-wrap">
                                            <img class="movie-item-img" src="images/banner/banner-sm-3.jpg" alt="Movie Banner">
                                        </div>
                                        <div class="movie-item-overlay text-center">
                                            <div class="movie-item-play-2 video-btn" data-toggle="modal" data-src="https://player.vimeo.com/video/131892249?badge=0" data-target="#call-video"><i class="ion ion-play"></i>Watch Now</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--=== movies 7 ===-->
        <section class="movies movie-7 movie-box movie-modify-7-2">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wrap-movie">
                            <div class="section-title-wrap">
                                <div class="section-title">Trend Show</div>
                            </div>
                            <div class="movie-showcase-8 owl-carousel">
                                <div class="item">
                                    <div class="movie-item">
                                        <div class="movie-item-img-wrap">
                                            <img class="movie-item-img" src="images/poster/slider-poster-1.jpg" alt="Movie Thumb">
                                        </div>
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-play"><i class="ion ion-play"></i></div>
                                            <div class="movie-item-rate"><img class="img-fluid" src="images/small-image/hbo_logo.svg" alt="Movie Thumb"></div>
                                            <ul class="movie-item-genre">
                                                <li class="movie-item-year">2018</li>
                                                <li class="movie-item-type">Movie</li>
                                                <li class="movie-item-series">Action</li>
                                            </ul>
                                            <div class="movie-item-title">Batman arkham knight</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <div class="movie-item-img-wrap">
                                            <img class="movie-item-img" src="images/poster/slider-poster-2.jpg" alt="Movie Thumb">
                                        </div>
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-play"><i class="ion ion-play"></i></div>
                                            <div class="movie-item-rate"><img class="img-fluid" src="images/small-image/imdb-logo.svg" alt="Movie Thumb"><span>9.2</span></div>
                                            <ul class="movie-item-genre">
                                                <li class="movie-item-year">2017</li>
                                                <li class="movie-item-type">TV Show</li>
                                                <li class="movie-item-series">Drama</li>
                                            </ul>
                                            <div class="movie-item-title">Batman arkham knight</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <div class="movie-item-img-wrap">
                                            <img class="movie-item-img" src="images/poster/slider-poster-3.jpg" alt="Movie Thumb">
                                        </div>
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-play"><i class="ion ion-play"></i></div>
                                            <div class="movie-item-rate"><img class="img-fluid" src="images/small-image/imdb-logo.svg" alt="Movie Thumb"><span>9.1</span></div>
                                            <ul class="movie-item-genre">
                                                <li class="movie-item-year">2017</li>
                                                <li class="movie-item-type">TV Show</li>
                                                <li class="movie-item-series">Action</li>
                                            </ul>
                                            <div class="movie-item-title">Batman arkham knight</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <div class="movie-item-img-wrap">
                                            <img class="movie-item-img" src="images/poster/slider-poster-4.jpg" alt="Movie Thumb">
                                        </div>
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-play"><i class="ion ion-play"></i></div>
                                            <div class="movie-item-rate"><img class="img-fluid" src="images/small-image/imdb-logo.svg" alt="Movie Thumb"><span>8.9</span></div>
                                            <ul class="movie-item-genre">
                                                <li class="movie-item-year">2015</li>
                                                <li class="movie-item-type">TV Show</li>
                                                <li class="movie-item-series">Drama</li>
                                            </ul>
                                            <div class="movie-item-title">Batman arkham knight</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--=== movies 7 ===-->
        <section class="movies movie-7 movie-box movie-modify-7-3">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wrap-movie">
                            <div class="section-title-wrap">
                                <div class="section-title">Featured show</div>
                            </div>
                            <div class="movie-showcase-9 owl-carousel">
                                <div class="item">
                                    <div class="movie-item">
                                        <div class="movie-item-img-wrap">
                                            <img class="movie-item-img" src="images/poster/slider-big-1.jpg" alt="Movie Thumb">
                                        </div>
                                        <div class="movie-item-overlay">
                                            <ul class="movie-item-genre">
                                                <li class="movie-item-year">2018</li>
                                                <li class="movie-item-series">Action</li>
                                            </ul>
                                            <div class="movie-item-title">Batman arkham knight</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <div class="movie-item-img-wrap">
                                            <img class="movie-item-img" src="images/poster/slider-big-2.jpg" alt="Movie Thumb">
                                        </div>
                                        <div class="movie-item-overlay">
                                            <ul class="movie-item-genre">
                                                <li class="movie-item-year">2017</li>
                                                <li class="movie-item-series">Drama</li>
                                            </ul>
                                            <div class="movie-item-title">Batman arkham knight</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <div class="movie-item-img-wrap">
                                            <img class="movie-item-img" src="images/poster/slider-big-3.jpg" alt="Movie Thumb">
                                        </div>
                                        <div class="movie-item-overlay">
                                            <ul class="movie-item-genre">
                                                <li class="movie-item-year">2017</li>
                                                <li class="movie-item-series">Action</li>
                                            </ul>
                                            <div class="movie-item-title">Batman arkham knight</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <div class="movie-item-img-wrap">
                                            <img class="movie-item-img" src="images/poster/slider-big-4.jpg" alt="Movie Thumb">
                                        </div>
                                        <div class="movie-item-overlay">
                                            <ul class="movie-item-genre">
                                                <li class="movie-item-year">2015</li>
                                                <li class="movie-item-series">Drama</li>
                                            </ul>
                                            <div class="movie-item-title">Batman arkham knight</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--=== movies 2 ===-->
        <section class="movies movie-2">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wrap-movie">
                            <div class="section-title-wrap">
                                <div class="section-title">All Seasons</div>
                            </div>
                            <div class="movie-showcase-2 owl-carousel">
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/game-of-thrones.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-title">Season 01</div>
                                            <div class="movie-item-genre"><span>10</span>Series</div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>9.5</div>
                                            <div class="movie-item-price">$19.00</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/game-of-thrones-2.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-title">Season 02</div>
                                            <div class="movie-item-genre"><span>10</span>Series</div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>8.5</div>
                                            <div class="movie-item-price">$29.00</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/game-of-thrones-3.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-title">Season 03</div>
                                            <div class="movie-item-genre"><span>10</span>Series</div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>8.5</div>
                                            <div class="movie-item-price">$29.00</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/game-of-thrones-4.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-title">Season 04</div>
                                            <div class="movie-item-genre"><span>10</span>Series</div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>8.5</div>
                                            <div class="movie-item-price">$29.00</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/game-of-thrones-5.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-title">Season 05</div>
                                            <div class="movie-item-genre"><span>10</span>Series</div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>8.5</div>
                                            <div class="movie-item-price">$29.00</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/game-of-thrones-6.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-title">Season 06</div>
                                            <div class="movie-item-genre"><span>10</span>Series</div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>8.5</div>
                                            <div class="movie-item-price">$29.00</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--=== movies 1 ===-->
        <section class="movies movie-1">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wrap-movie">
                            <div class="section-title-wrap">
                                <div class="section-title">Related TV Shows</div>
                            </div>
                            <div class="movie-showcase-1 owl-carousel">
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/arrow.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-title">The Witcher 3</div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>9/10</div>
                                            <div class="movie-item-genre">Action, Crime, Drama</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/power.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-title">Uncharted 4</div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>8/10</div>
                                            <div class="movie-item-genre">Action, Crime</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/the-orginials.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-title">Batman arkham knight</div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>7/10</div>
                                            <div class="movie-item-genre">Action, Drama</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/the-expanse.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-title">Tomb-rider</div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>6/10</div>
                                            <div class="movie-item-genre">Crime, Drama</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/the-walking-dead.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-title">Dark Night</div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>5/10</div>
                                            <div class="movie-item-genre">Action, Crime</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/colony.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-title">Assassin's Creed</div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>4/10</div>
                                            <div class="movie-item-genre">Action, Drama</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--=== movies 5 ===-->
        <section class="movies movie-5">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wrap-movie">
                            <div class="section-title-wrap">
                                <div class="section-title">Trailers & Teasers</div>
                            </div>
                            <div class="movie-showcase-5 owl-carousel">
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/die-hard.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-play"><i class="ion ion-play"></i></div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>9/10</div>
                                            <div class="movie-item-title">Batman arkham knight</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/it.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-play"><i class="ion ion-play"></i></div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>3/10</div>
                                            <div class="movie-item-title">The Witcher 3</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/oblivion.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-play"><i class="ion ion-play"></i></div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>8/10</div>
                                            <div class="movie-item-title">Uncharted 4</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/Inception.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-play"><i class="ion ion-play"></i></div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>7/10</div>
                                            <div class="movie-item-title">The Witcher 3</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/the-forest.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-play"><i class="ion ion-play"></i></div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>6/10</div>
                                            <div class="movie-item-title">Uncharted 4</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/Skyfall.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-play"><i class="ion ion-play"></i></div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>5/10</div>
                                            <div class="movie-item-title">The Witcher 3</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/jurassic-park.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-play"><i class="ion ion-play"></i></div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>4/10</div>
                                            <div class="movie-item-title">Uncharted 4</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="movie-item">
                                        <img class="movie-item-img" src="images/poster/it.jpg" alt="Movie Thumb">
                                        <div class="movie-item-overlay">
                                            <div class="movie-item-play"><i class="ion ion-play"></i></div>
                                            <div class="movie-item-rate"><i class="ion ion-android-star"></i>3/10</div>
                                            <div class="movie-item-title">The Witcher 3</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div>

    <!--=== Modal video ===-->
    <div class="modal popup-video fade" id="call-video" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="close" data-dismiss="modal" aria-label="Close"><i class="ion ion-ios-close-outline"></i></div>
                    <!-- 16:9 aspect ratio -->
                    <div class="embed-responsive embed-responsive-16by9">
                        <iframe class="embed-responsive-item" src="" id="video"  allowscriptaccess="always" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--=== footer area ===-->
    <section class="footer-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-4 col-sm-6">
                    <div class="footer-logo"><img src="images/small-image/moviez-logo.png" alt="footer logo"></div>
                    <div class="subscribe">
                        <p>All in One digital resource management & complete eCommerce solution for selling digital products</p>
                    </div>
                    <div class="list-wrap">
                        <ul class="list-inline social-links">
                            <li class="list-inline-item"><i class="ion ion-social-twitter-outline"></i></li>
                            <li class="list-inline-item"><i class="ion ion-social-facebook"></i></li>
                            <li class="list-inline-item"><i class="ion ion-social-googleplus"></i></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6">
                    <div class="footer-item-title"><h4>Our Network</h4></div>
                    <div class="just-links">
                        <ul class="list-unstyled">
                            <li class=""><a href="#">About us</a></li>
                            <li class=""><a href="#">New Products</a></li>
                            <li class=""><a href="#">Orders And Returns</a></li>
                            <li class=""><a href="#">New Products</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6">
                    <div class="footer-item-title"><h4>Recent Post</h4></div>
                    <div class="just-links">
                        <ul class="list-unstyled">
                            <li class=""><a href="#">About us</a></li>
                            <li class=""><a href="#">New Products</a></li>
                            <li class=""><a href="#">New Products</a></li>
                            <li class=""><a href="#">Orders And Returns</a></li>
                            <li class=""><a href="#">New Products</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6">
                    <div class="footer-item-title"><h4>WPDM Blog</h4></div>
                    <div class="just-links">
                        <ul class="list-unstyled">
                            <li class=""><a href="#">About us</a></li>
                            <li class=""><a href="#">New Products</a></li>
                            <li class=""><a href="#">New Products</a></li>
                            <li class=""><a href="#">Orders And Returns</a></li>
                            <li class=""><a href="#">New Products</a></li>
                        </ul>
                    </div>
                </div>
                <hr class="d-md-none d-lg-block">
                <div class="col-lg-3 col-md-4 col-sm-6">
                    <div class="footer-item-title"><h4>Information</h4></div>
                    <div class="just-links">
                        <ul class="list-unstyled">
                            <li class=""><a href="#">About us</a></li>
                            <li class=""><a href="#">New Products</a></li>
                            <li class=""><a href="#">Orders And Returns</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6">
                    <div class="footer-item-title"><h4>My account</h4></div>
                    <div class="just-links">
                        <ul class="list-unstyled">
                            <li class=""><a href="#">My account</a></li>
                            <li class=""><a href="#">Order-history</a></li>
                            <li class=""><a href="#">Wish List</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6">
                    <div class="footer-item-title"><h4>Customer Service</h4></div>
                    <div class="just-links">
                        <ul class="list-unstyled">
                            <li class=""><a href="#">Contact us</a></li>
                            <li class=""><a href="#">Returns</a></li>
                            <li class=""><a href="#">Our Site Map</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="footer-item-title"><h4>Contact Us</h4></div>
                    <div class="just-links">
                        <ul class="list-unstyled">
                            <li class=""><a href="#">2506 SARYOBA ROAD, MSATGOLP</a></li>
                            <li class=""><a href="#">+(123) 456 789</a></li>
                            <li class=""><a href="#">info@nextlevel.com</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-12">
                    <div class="footer-wrap text-center">
                        <!--ul class="list-inline social-icon">
                            <li class="list-inline-item"><i class="ion ion-social-twitter"></i></li>
                            <li class="list-inline-item"><i class="ion ion-social-linkedin"></i></li>
                            <li class="list-inline-item"><i class="ion ion-social-dribbble-outline"></i></li>
                        </ul-->
                        <div class="footer-tag">All rights Reserved | 2018</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ==== js ==== -->
    <script src="js/jquery-2.2.3.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/materialize.min.js"></script>
    <script src="js/app.js"></script>
</body>
</html>